<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 清除浏览器缓存 -->
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
<!-- 兼容手机模式 -->
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<title>Layui-SpringBoot框架系统</title>
<link rel="icon" type="image/x-icon" href="${projectPath}/static/images/title.ico" />
<link rel="stylesheet" href="${projectPath}/static/layui/css/layui.css" media="all" />
<link rel="stylesheet" href="${projectPath}/static/css/login.css" />

</head>
<style>
	
</style>
<body>
	<img alt="" src="${projectPath}/static/images/login_bg_1.png" class="login_bg">
	<img alt="" src="${projectPath}/static/images/login_left.png" class="img_left">
	<div class="beg-login-box">
		<form action="" class="layui-form" style="background: white;box-shadow: 0px 0px 25px 0px #ececec;border-radius: 5px;height:380px">
			<div style="padding: 20px 0px 0px 0px;">
				<fieldset class="layui-elem-field layui-field-title" style="text-align: center;margin-bottom:0px;border-color: #e0eae0;">
				  <legend>SSM管理系统</legend>
				</fieldset>
			</div>
			<div style="padding: 10px 30px;">
				<div class="layui-form-item" style="text-align:left;">
					<label class="beg-login-icon"> <i class="layui-icon">&#xe612;</i>
					</label> <input type="text" name="userName" lay-verify="required"
						autocomplete="off" placeholder="请输入用户名" value="admin"
						class="layui-input">
				</div>
				<div class="layui-form-item" style="text-align:left;">
					<label class="beg-login-icon"> <i class="layui-icon">&#xe673;</i>
					</label> <input type="password" name="password" id="pwd" lay-verify="required"
						autocomplete="off" placeholder="请输入密码" class="layui-input" value="123456">
				</div>
				 <div class="layui-form-item" style="display: none;" id="vCode">
				 	<label class="layui-form-label" style="width: 0px;"><i title="验证码" class="layui-icon layui-icon-vercode"></i></label>
				    <div class="layui-input-block" style="margin-left: 45px;">
				    	<input type="text" name="code" id="code" placeholder="验证码" class="layui-input" autocomplete="off">
				    	<div class="code" onclick="uncode()" id="verify"></div>
				    </div>
				 </div>
			</div>
			<div class="layui-form-item">
				<button class="layui-btn lay-submit-btn" lay-submit="" lay-filter="login"  id="btn_loging">
					&nbsp;登&nbsp;&nbsp;录
				</button>
			</div>
			<div class="layui-form-item">
				<a href="javascript:window.open('https://www.baidu.com');" style="color:#728f94">www.baidu.com</a>
			</div>
		</form>
	</div>
	
</body>
<script type="text/javascript">
	var $projectPath = "${projectPath}";
</script>
<script type="text/javascript" src="${projectPath}/static/js/util/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="${projectPath}/static/js/util/aes.min.js"></script>
<script type="text/javascript" src="${projectPath}/static/layui/layui.js"></script>
<script type="text/javascript" src="${projectPath}/static/js/login.js"></script>
<script type="text/javascript">
	function scaleImg(){
		$(".login_bg").css('transform','scale(1)');
	}
	scaleImg();
	setInterval(function(){
		var s = $(".login_bg").attr("src");
		$(".login_bg").css('transform','scale(1.8)');
		setTimeout(function(){
			if(s.indexOf("login_bg_1") != -1){
				$(".login_bg").attr("src",s.replace("login_bg_1","login_bg_2"));
			}else if(s.indexOf("login_bg_2") != -1){
				$(".login_bg").attr("src",s.replace("login_bg_2","login_bg_1"));
			}
			scaleImg();
		},800)
	},8000);
</script>
</html>